@extends('layouts.app_home')

@section('content')
   <style type="text/css">
   	  html,body,.bg{width: 100%;height: 100%;}
   	  .bg{background: url(../../images/bg_qiye.jpg) no-repeat;background-size: cover;}
   	  .bg2{width: 920px;position: absolute;left: 50%;margin-left: -460px;}
   	  .color1{background: #87b3e6;}
   	  .color2{background: #71b0f9;}
   	  .color3{background: #aba0a0;}
   	  .color4{background: #de9316;}
   	  .color5{background: #d4d4d4;}
   	  .color6{background: #29b8e0;}
   	  .color7{background: #78a1bf;}
   	  .color8{background: #4198d8;}
   	  .row1 {margin-bottom: 30px;}
   	  .w40{width: 43%;}
   	  .w30{width: 30%;}
   	  .w20{width: 21%;margin-left: 2%;margin-right: 2%;}
   	  .bg2 .row>div{height: 186px;padding: 0;float: left;box-shadow: 2px 2px 20px #888888;}
   	  .bg2 a{display: block;color: #fff;text-align: center;}
   	  .bg2 p {margin-top: 40px;margin-bottom: 10px;}
   	  .bg2 i {font-size: 80px;}
   	  .bg2 span{font-size: 20px;}
   	  .bg2 .one i{font-size: 100px;margin-right: 15px;vertical-align: middle;}
   	  .bg2 .one span{font-size: 25px;line-height: 200px;vertical-align: middle;}
   	  .bg2 h2{color:#fff;margin-bottom: 20px;font-size: 30px;padding-left: 10px;}
   	  /*.row2 div{margin-left: 100px;}*/
   </style>
   
<script>
    $(function(){
       var h1=$('.bg').height();
       var h2=$('.bg2').height();
       $('.bg2').css('top',(h1-h2)*0.4+'px');
    })
</script>
   <div class="bg">
   	 <div class="bg2">
   	 	 <div class="row row1">
   	 	 	 <div class="w20 color2">
   	 	 	 	<a href="{{url('admin/big/index')}}">
   	 	 	 		<p><i class="glyphicon glyphicon-signal"></i></p>
   	 	 	 		<span>数据展示</span>
   	 	 	 	</a>
   	 	 	 </div>
   	 	 	 <div class="w20 color6">
 	 	    	 <a href="{{url('admin/units/tuceng')}}">
   	 	 	 	    <p><i class="glyphicon glyphicon-map-marker"></i></p>
   	 	 	 	  	<span>GIS地图</span>
   	 	 	 	 </a>
   	 	 	 </div>
   	 	 	 <div class="w20 color1">
   	 	 	 	<a href="{{url('admin/units/index')}}">
   	 	 	 		<p><i class="glyphicon glyphicon-flag"></i></p>
   	 	 	 		<span>单位管理</span>
   	 	 	 	</a>
   	 	 	 </div>
   	 	 	 <div class="w20 color8">
   	 	 	 	<a href="{{url('admin/safe/zybwcx')}}">
   	 	 	 	   <p><i class="glyphicon glyphicon-book"></i></p>
   	 	 	 	  <span>重要部位查询</span>
   	 	 	 	</a>
   	 	 	 </div>
   	 	 	    	 	 	 
   	 	 </div>
   	 	 <div class="row row2">
   	 	 	<div class="w20 color3">
   	 	 	 	<a href="{{url('admin/safe/jqsb')}}">
   	 	 	 	   <p><i class="glyphicon glyphicon-search"></i></p>
   	 	 	 	  <span>警情上报查询</span>
   	 	 	 	</a>
   	 	 	 </div>
   	 	 	 <div class="w20 color4" >
   	 	 	 	  <a href="{{url('admin/safe/rysh')}}">
   	 	 	 	    <p><i class="glyphicon glyphicon-user"></i></p>
   	 	 	 	  	<span>人员核查查询</span>
   	 	 	 	 </a>
   	 	 	 </div>
   	 	 	  <div class="w20 color5" >
 	 	    	 <a href="{{url('admin/safe/aqjccx')}}">
   	 	 	 	    <p><i class="glyphicon glyphicon-cog"></i></p>
   	 	 	 	  	<span>安全检查查询</span>
   	 	 	 	 </a>
   	 	 	 </div>
   	 	 	 
   	 	 	 <div class="w20 color7">
 	 	 	     <a href="{{url('admin/mjph/index')}}">
   	 	 	 	    <p><i class="glyphicon glyphicon-check"></i></p>
   	 	 	 	  	<span>民警考核</span>
   	 	 	 	 </a>
   	 	 	 </div>
   	 	 </div>
   	 </div>
   </div>

@stop
